<template>
	<view class="evaluate">
		<view class="evaluate-header">
			<up-avatar :src="user_avatar"></up-avatar>
			<view class="user-info">
				<view class="user-name">
					用户 193****8894
				</view>
				<view class="evaluate-num">
					累计评价2次
				</view>
			</view>
		</view>
		
		<u-tabs :list="[{name: '待评价'}, {name: '已评价'}]"
				lineColor="#333333"
				 duration="200"
				:itemStyle="{width: '50%',height: '30px',marginBottom: '5px',paddingTop: '5px', color: '#999999'}"
				:scrollable="false"
				lineWidth="30"
				:activeStyle="{color: '#333333'}"
				:current="current_tab_index"
				@click="handle_change_tab"></u-tabs>
				
		
		<section class="evaluate-will">
			
		</section>
		
		<section class="evaluate-done"></section>
		
		
		
	</view>
</template>

<script setup>
	import { ref } from "vue"
	
	const user_avatar = ref("/static/orders/icon_avatar_default.svg");
	const current_tab_index = ref(0);
	const handle_change_tab = (obj) => {
		console.log(obj)
		current_tab_index.value = obj.index
	}
	
	
	
</script>

<style lang="scss" scoped>
	
</style>